<!-- 商品列表组件 <good-list :list="xx"></good-list> -->
<template>
	<view class="scroll-view_H">
	<view class="" v-for="good in list" :key="good.id">
		<view class="" v-for="group in good.Groups" :key="group.Id">
			<view class="Item">
				<view class="item-link item-content">
					<view class="item-inner">
						<view class="item-title-row" 
						 :style="{
						 	'margin-top':group.Name=='基础信息'?'0rpx':'2rpx',
						 }"
						 @tap="innerclick($event)" :data-Id="group.Id" :data-Name="group.Name" :data-Index="group.index">
							<view class="item-title" style="">{{group.Name}}</view>
						</view>
						<view :class="{'item-inner-cotent-show': group.show=='1', 'item-inner-cotent-hide': group.show=='0'}">
							<view v-for="myfile in group.Fields" :key="myfile.Id">
								<view class="item-text">
									<view class="ispan">{{myfile.DisplayName}}:</view>
									<view class="span">{{myfile.DataType=='16'?myfile.ValueName:myfile.Value}}</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	var self;
	export default {
		props:{
			list: {
				type: Array,
				default(){
					return []
				}
			},
			currAddress:"",
			srcsys: "../../static/images/icon-sxuan.png",
		},
		onLoad() {

		},
		methods: {
			innerclick(e){				
				self=this;
				//console.log(this.list[0].Groups[0].Name);
				if(self.list[0].Groups[e.currentTarget.dataset.index].show=="1"){
					self.list[0].Groups[e.currentTarget.dataset.index].show="0";
				}else{
					self.list[0].Groups[e.currentTarget.dataset.index].show="1";
				}
				
			}
		}
	}
</script>

<style >
	.item-icon-sys {
		width: 40upx;
		height: 40upx;
	}
	.scroll-view_H{
		background-color: #edf1f4;
		margin-top: 40rpx;
		padding-left: 10px;
		padding-right: 10px;
		height: 670px;
	}
	.item-icon-bt{
		width: 30upx;
		height: 30upx;
	}
	.item-icon-sys {
		width: 40upx;
		height: 40upx;
	}
	
	.item-icon {
		width: 100upx;
		height: 100upx;
	}
	
	.Item {
		overflow: hidden;
		border-radius: 0rpx;
		background: #fff;
	}
	
	.item-text {
		border-bottom: 1px solid #e6e6e6;
		margin-right:  .8rem;
		margin-left:  .8rem;
	
	}
	
	.item-text .span {
		display: inline-block;
		width: 55%;
		float: right;
		margin-bottom: 10rpx;
		text-align: right;
		color: #000000;
	}
	
	.item-text .ispan {
		font-style: normal;
		width: 38%;
		display: inline-block;
		margin-bottom: 10rpx;
		color: #9E9CA5;
	}

	
	
	.item-content {
		padding-left: 0;
	}
	
	.item-title .ispan {
		font-size: 30rpx;
		width: auto;
		height: auto;
		
	}
	
	.item-title {
		font-size: 30rpx;
		color: #454545;
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		padding-left: .8rem;
	}
	
	.item-title-row {
		background-image: none;
		border: 1px solid #e6e6e6;
		background-color: #F4F5F6;
		margin-left: 0rpx;
		margin-right: 0rpx;
		
	}	
	
	.item-link .item-inner {
		padding-right: 0;
	
	}
	
	.page-content {
		padding-top: 0;
	}
	
	
	.item-text {
		font-size: 30rpx;
		color: #454545;
		padding: 20rpx 0;
		padding-left: 0rpx;
		line-height: 1.2;
	}
	
	.item-inner-cotent-show{
		display: block;
	}
	.item-inner-cotent-hide{
		display: none;
	}
	.btext {
		font-weight: normal;
		color: #F79D63;
	}
	
	
</style>
